html{font-size: 625%;background: #EEEEEE;}
.container{max-width:750px;min-width:320px;margin: 0 auto;}
.row{width: 100%;box-sizing:border-box;}
.top-bar{background: #ff7043;height: 40px;padding-left:10px;color: #fff;position: relative;}
.top-bar .fa-angle-left{font-size: 0.4rem;position: absolute;}
.top-bar h1{display: inline-block;width: 100%;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;color: #fff;}
.top-msg{height: 35px;line-height: 35px;text-align: center;background: red;color:#fff;}
.top-msg .fa-times{float:right;display: inline-block;height: 35px;line-height: 35px;width: 25px;text-align: center;color:#fff;}
.msg-check{display: inline-block;height: 45px;line-height: 45px;font-size: 0.16rem;background: #fff;margin-top: 3px;padding:0 15px;color:#333;margin-bottom:10px;}
.msg-check i.fa-angle-right{font-size: 28px;display: inline-block;height:45px;line-height: 45px;float: right; color:#ddd;}
.relet-msg{background: #fff;margin-bottom: 10px;padding-bottom:10px;}
.relet-title{height: 35px;line-height: 35px;padding:0 15px;border-bottom:1px dashed #ddd;position: relative;}
.relet-title a{float: right;display: inline-block;padding:0 10px;height:20px;line-height:20px;color:#333;border:1px solid #ddd;position: absolute;top:7px;border-radius: 5px;}
.relet-title a.relet-del{right:80px;}
.relet-title a.relet-update{right:15px;}
.relet-body{border-bottom:1px dashed #ddd;padding:15px;}
.relet-type .type-left{float: left;}
.relet-type .type-right{float: right;}
.relet-sw span{display: inline-block;width: 33.3333%;float: left;}
.relet-sc{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.contact{padding:15px;}
.contact .contact-phone{height: 35px;line-height: 35px;}
.contact .contact-phone span{display: inline-block;width: 35%;}
.contact .contact-msg{position: relative;}
.contact .contact-msg span{display: inline-block;width: 40px;}
.contact .contact-msg .remark{width: calc(100% - 40px);float: right;}